<template>
    <div class="nav-bot">
        <div class="nav-bottom-info">
          信息
          <div class="nav-bottom-txt">
              <div class="nav-bottom-txt-p">
                Data Shape Studio是我们值得信赖的合作伙伴，他们专注于数据可视化与创意设计，通过精准的数据分析和创新的解决方案，为我们的宠物救助平台提供了强大的支持。我们携手合作，共同致力于让更多的宠物得到关爱和救助，为动物保护事业贡献力量。
              </div>
          </div>
        </div>
        <div class="nav-bottom-info">
          联系我们
          <div class="nav-bottom-txt">
            <p class="p-txt">QQ:234567890</p>
            <p class="p-txt">抖音:Pet home</p>
            <p class="p-txt">微博:Pet home</p>
            <p class="p-txt">地址:贵州省黔西南州兴义市桔山兴义大道</p>
          </div>
        </div>
        <div class="nav-bottom-info">
          招贤纳士
          <div class="nav-bottom-txt">
              <div class="nav-bottom-txt-p">
                携手拯救生命，关爱每一个无辜。我们用行动释爱，让动物们重拾温暖的家。加入我们，共创和谐家园，让爱心汇聚，为生命照亮希望之光。
                <div style="margin-top: 80px;font-size: 17px;font-weight: bold;">
                  © 2023 Designed by Data Shape Studio.
                </div>
              </div>
          </div>
        </div>
    </div>
</template>

<script>
</script>

<style scoped>
    .nav-bot{
        width: 100%;
        background-color: #03a850;
        margin-top: 10px;
        bottom: 0;
        display: flex;
        justify-content: space-evenly;
    }
    .nav-bottom-info{
        color: white;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        padding: 10px;
    }
    
    .nav-bottom-txt{
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;
    }
    .nav-bottom-txt-p{
        margin-top: 20px;
        width: 350px;
        height: 200px;
        color: white;
        font-size: 16px;
    }
    .p-txt{
        width: 300px;
        height: 20px;
        color: white;
        font-size: 16px;
        text-align: center;
        margin-top: 20px;
    }
</style>
